<template>
	<view class="serve">
		<view class="title">
			<view>{{ $t('serve.customer_service') }}</view>
			<view>{{ $t('serve.contact_support') }}</view>
		</view>
		<view class="serveList">
			<view @click="handleDownload(WebSiteConfig.Telegram)" v-if="WebSiteConfig.Telegram ">
				<image src="@/static/image/serve/1.png" mode="widthFix" />{{ WebSiteConfig.Telegram }}
			</view>
			<view @click="handleDownload(WebSiteConfig.Email)" v-if="WebSiteConfig.Email ">
				<image src="@/static/image/serve/3.png" mode="widthFix" />{{ WebSiteConfig.Email }}
			</view>
			<view @click="handleDownload(WebSiteConfig.Whatsapp)" v-if="WebSiteConfig.Whatsapp ">
				<image src="@/static/image/shareIcon/6.png" mode="widthFix" />{{ WebSiteConfig.Whatsapp }}
			</view>

		</view>
		<customerService />

	</view>
</template>

<script setup lang="ts">
	import { ref } from "vue";
	let WebSiteConfig = ref<any>({})
	WebSiteConfig.value = uni.getStorageSync("WebSiteConfig")
	console.log(WebSiteConfig.value)
</script>
<style scoped lang="scss">
	@import "../../static/scss/serve.scss";
</style>